<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
版本控制
代码编辑统一
码云：
1.注册账号
2.安装软件 git
3.在idea里面安装插件  gitee    -->file--setting--plugins--搜索gitee
4.VCS--import into--》create git
5.点击项目右键--git--add
6.点击右上角的commit，进行提交---注意：需要详细填写提交信息
7.创建码云地址---新建仓库-- 得到地址
8.VCS--GIT--PUSH --输入码云地址
-------------------------------------
另一个办公环境下载
1.安装git
2.选择你要将代码下载到的地方
3.点击右键-选择git base here
4.输入git clone https://gitee.com/rains2711/canyin01-0615.git 按enter
5.通过idea 打开项目 --file --open--选择需要打开的项目

预习 div css flex
-->
<!--
1.拿到项目  --
2.需要用到什么技术？ html,css   前端有什么技术？html ，css，js，jq，bootstrap，vue，rect
    div+css 布局
    为什么要用？
    优势？
    不足？
    应用场景？
    怎么用？
    html,css
    需要找到div是什么？
    html用于将数据转入
    html显示的地方  用css来控制
    主要学：选择器
3.要用什么开发工具？ hbuilder，vs，dw，webStore，text，notepad++，idea
4.开发环境？ ide idea




-->
<!--
2021-6-16
html   div
css    选择器
类选择器
id选择器
通用选择器
元素 标签选择器
后代选择器
子代选择器


margin: 0;
padding: 0;
border: 0;
display: flex;
justify-content: center;
align-items: center;
width: 1200px;
height: 200px;
background-image: url("../img/banner_qtah.jpg");
background-size: 100% 100%;
color: white;
line-height: 50px;
cursor: pointer;


-->
<!--
2021-6-21
text-indent: 1.2em;
border-bottom: 5px solid orange;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
odd 代表奇数  偶数  even
css 命名规范   小写  两个单词之间用破折线  top-html
js 命名规范  小驼峰式命名  topHtml
大驼峰式命名     TopHtml
-->
<!--
2021-6-22  轮播图
animation-name: myanimation;
animation-duration: 5s;
animation-timing-function: ease;
animation-iteration-count: infinite;
animation-direction: alternate;

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

 display: flex;
flex-wrap: wrap;
-->
<!--
2021-6-24
元素选择器
属性选择器
border-radius: 45px;
box-shadow: 1px 1px 2px 2px red;


display: flex;
flex-direction: column-reverse;
地图
-->
</body>
</html>

